<template>
  <div class="echarts-list flex jc-space-between">
    <div class="list-item">
      <div class="mb-40">
        <brokenLine />
      </div>
      <dynamicSort />
    </div>
    <div class="list-item">
      <div class="mb-40">
        <radar />
      </div>
      <china />
    </div>
  </div>
</template>
<script>
import brokenLine from './brokenLine'
import dynamicSort from './dynamicSort'
import radar from './radar'
import china from './china'
export default {
  name: 'echarts',
  components: {
    brokenLine,
    dynamicSort,
    radar,
    china
  }
}
</script>
<style lang="scss">
.echarts-list {
  .list-item {
    width: 50%;
    padding: 0 20px;
  }
}
</style>
